

/*!*以下内容情况*/

/* *!*/
/*#内容{*/
/*    width:1698px;*/
/*    height:720px;*/
/*    background-color:white;*/
/*    border:1px solid black;*/
/*}*/
/*.测边框{*/
/*    width:221px;*/
/*    height:720px;*/
/*    border:1px solid pink;*/
/*    float:left;*/
/*    background-color: grey;*/
/*}*/


/*.展示内容{*/
/*     width:1475px;*/
/*    height:720px;*/
/*    border:1px solid red;*/
/*    float:right;*/
/*}*/
/*.数据情况{*/
/*    width:1475px;*/
/*    height:468px;*/
/*    border: 1px solid blue;*/
/*}*/

/*.数据展示{*/
/*    width: 400px;*/
/*    height: 467px;*/
/*    border: 1px solid orange;*/
/*    float:right*/
/*}*/
/*.结构展示{*/
/*    width: 1073px;*/
/*    height: 467px;*/
/*    border: 1px solid yellow;*/
/*    float:left*/
/*}*/
/*.设备情况{*/
/*    width:1475px;*/
/*    height:252px;*/
/*    border: 1px solid purple*/
/*}*/
/*.设备情况>div{*/
/*    width:730px;*/
/*    height:252px;*/
/*    border: 1px solid purple;*/
/*    float:left*/
/*}*/
/*.text-center{*/
/*    margin:5px;*/
/*    padding:2px 20px;*/
/*}*/
/*.测边框>ul>li{*/
/*    height: 60px;*/
/*    line-height: 60px;*/
/*    text-align: left;*/
/*    padding-left: 30px;*/
/*}*/

/* 基础布局 */
html, body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

header {
    width: 100%;
}

#内容 {
    display: flex;
    height: calc(100vh - 60px); /* 减去header的高度 */
    width: 100vh;
    background-color: white;
    border: 1px solid black;
    box-sizing: border-box;
}

.测边框 {
    height: 100%;
    width:30%;
    background-color: grey;
    border: 1px solid pink;
    box-sizing: border-box;
}
.测边框>ul>li{
    height: 70px;
    line-height: 70px;
    text-align: left;
    padding-left: 30px;
            font-size:20px;
}
        .测边框>ul>li>a{
            color:white;
            text-decoration: none;
        }
        .测边框 i{
            float:right;
            padding-right:20px;
        }
        .测边框>ul>li:hover{
            background-color:orange;
        }
        .测边框{
            background-color:grey;
        }
.展示内容 {
    flex: 1; /* 剩余空间 */
    width:80%;
    height: 100%;
    display: flex;
    flex-direction: column; /* 垂直分布 */
    border: 1px solid red;
    box-sizing: border-box;
}

.数据情况 {
    flex: 2; /* 占展示内容区域2/3的空间 */
    display: flex;
    border: 1px solid blue;
    box-sizing: border-box;
}

.数据展示 {
    flex: 0 0 30%; /* 占数据情况30% */
    border: 1px solid orange;
    box-sizing: border-box;
}

.结构展示 {
    flex: 1; /* 占剩余70% */
    border: 1px solid yellow;
    box-sizing: border-box;
}

.设备情况 {
    flex: 1; /* 占展示内容区域1/3的空间 */
    display: flex;
    border: 1px solid purple;
    box-sizing: border-box;
}

.设备情况 > div {
    flex: 1;
    border: 1px solid purple;
    box-sizing: border-box;
}

.text-center {
    margin: 5px;
    padding: 2px 20px;
}

/*.测边框 > ul > li {*/
/*    height: 60px;*/
/*    line-height: 60px;*/
/*    text-align: left;*/
/*    padding-left: 30px;*/
/*}*/




